<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <f:metadata>
        <f:event type="preRenderView" listener="#{sessionManaged.validar_session('wfrmCompra')}"/>
    </f:metadata>
    <body>

        <ui:composition template="./../../../template.xhtml">

            <ui:define name="main_content">
                <ui:include src="/web-pages/COMPRA/HELP/wfrmHelp_Compra.xhtml">
                    <ui:param name="toolBarWidth" value="950"/>
                    <ui:param name="toolBarTitleWidth" value="900"/>
                    <ui:param name="title" value="Compra"/>
                </ui:include>

                <ui:include src="/web-pages/OTROS/wfrmMensaje.xhtml"/>


                <h:form id="Step1" style="width: inherit">
                    <p:panel style="width: 950px" header="1. Buscar y seleccionar Orden de Compra" rendered="#{compraManaged.flagStep_1}">
                        <p:panel style="width: inherit" header="Datos de Compra" toggleable="false" >
                            <f:facet name="header">
                                <h:outputText value="Datos de Proveedor"/> &nbsp;
                                <p:commandButton image="ui-icon ui-icon-search" onclick="dBP.show()" title="Buscar Proveedor"/>

                                <p:spacer width="50" height="10"/><h:outputText value="Fecha Inicio:"/>
                                <p:calendar size="12" value="#{compraManaged.selectedEncaOrdenCompra.fecha_i}" pattern="dd.MM.yyyy" effect= "fadeIn"  />

                                <p:spacer width="50" height="10"/><h:outputText value="Fecha Fin:"/>
                                <p:calendar size="12" value="#{compraManaged.selectedEncaOrdenCompra.fecha_f}" pattern="dd.MM.yyyy" effect="fadeIn" style="width: 250px"/>
                            </f:facet>
                            <h:panelGrid columns="4" id="pProveedor">
                                <h:outputText value="Proveedor"/><p:inputText value="#{compraManaged.selectedProveedor.nombre_p}" readonly="true" style="width: 400px"/>
                                <h:outputText value="NIT"/><p:inputText value="#{compraManaged.selectedProveedor.nit_p}" readonly="true" style="width: 150px"/>
                                <h:outputText value="Giro"/><p:inputText value="#{compraManaged.selectedProveedor.giro_p}" readonly="true" style="width: 400px"/>
                                <h:outputText value="Percepci&oacute;n"/><p:inputText value="#{compraManaged.selectedProveedor.percepcion_p}" readonly="true" style="width: 150px"/>
                            </h:panelGrid>
                        </p:panel>

                        <center>
                            <h:panelGrid id="proBotones" columns="3" cellpadding="5">
                                <p:commandButton value="#{sms.buscar}" actionListener="#{compraManaged.buscarGrid}" update="Step1:Table mensaje"/>
                                <p:commandButton value="#{sms.limpiar}" actionListener="#{limpiarManaged.limpiar}" update="Step1 Step2 mensaje quick_proveedor"/>
                            </h:panelGrid>
                        </center>

                        <p:dataTable id="Table" value="#{compraManaged.encaOrdenCompras}" var="row" rows="15"
                                     paginator="true" paginatorPosition="bottom" selectionMode="single" selection="#{compraManaged.selectedDetaOrdenCompra}"
                                     emptyMessage="#{sms.TableEmptyMessage}" >
                            <f:facet name="header" >
                                <h:outputText value="Lista Orden de Compra"/>
                            </f:facet>

                            <p:column headerText="N° Doc." sortBy="#{row.numero_oc}" filterBy="#{row.numero_oc}" filterMatchMode="contains" style="width: 25px">
                                <h:outputText value="#{row.numero_oc}" style="width: 25px" />
                            </p:column>
                            <p:column headerText="Fecha" sortBy="#{row.fecha_oc}" filterBy="#{row.fecha_oc}" filterMatchMode="contains" style="width: 50px">
                                <h:outputText value="#{row.fecha_oc}" style="width: 50px">
                                    <f:convertDateTime pattern="dd-MM-yyyy" />
                                </h:outputText>
                            </p:column>
                            <p:column headerText="Empresa" sortBy="#{row.nombre_em}" filterBy="#{row.nombre_em}" filterMatchMode="contains" style="width: 85px">
                                <h:outputText value="#{row.nombre_em}" style="width: 85px"/>
                            </p:column>
                            <p:column headerText="Proveedor" sortBy="#{row.nombre_p}" filterBy="#{row.nombre_p}" filterMatchMode="contains" style="width: 500px">
                                <h:outputText value="#{row.nombre_p}" style="width: 500px"/>
                            </p:column>
                            <f:facet name="footer">
                                <p:commandButton value="Siguiente" image="ui-icon ui-icon-circle-arrow-e" title="Ver detalle" actionListener="#{compraManaged.ocultarFlag_Step1}" update="Step1 Step2 mensaje" />
                            </f:facet>
                        </p:dataTable>
                    </p:panel>
                </h:form>


                <ui:include src="/web-pages/COMPRA/QUICK/wfrmquick_Proveedor.xhtml">
                    <ui:param name="parametroUpdate" value="Step1:pProveedor"/>
                    <ui:param name="Bean" value="#{compraManaged}"/>
                    <ui:param name="dataTableList" value="#{proveedorQuickManaged.proveedores}"/>
                </ui:include>


                <h:form id="Step2">
                    <p:panel header="2. Verificar y/o Editar Datos de la Compra" style="width: 950px" rendered="#{compraManaged.flagStep_2}" >

                        <h:panelGrid id="pDeta2" columns="8">
                            <h:outputText value="Fecha"/>
                            <p:inputText value="#{compraManaged.selectedDetaOrdenCompra.fecha_oc}" readonly="true" style="width: 90px">
                                <f:convertDateTime pattern="dd-MM-yyyy"/>
                            </p:inputText>
                            <h:outputText value="Estado"/><p:inputText value="#{compraManaged.selectedDetaOrdenCompra.estado_oc}" readonly="true" style="width: 90px"/>
                            <h:outputText value="N° Doc."/><p:inputText value="#{compraManaged.selectedDetaOrdenCompra.numero_oc}" readonly="true" style="width: 90px"/>

                            <h:outputText value=" Empresa &nbsp;" />
                            <p:inputText value="#{compraManaged.selectedDetaOrdenCompra.nombre_em}" readonly="true" style="width: 150px"/>


                            <h:outputText value="Tipo"/><p:inputText value="#{compraManaged.selectedDetaOrdenCompra.tipo_oc}" readonly="true" style="width: 90px"/>
                            <h:outputText value="Plazo"/><p:inputText value="0" readonly="true" style="width: 90px"/>
                            <h:outputText value="Percepci&oacute;n"/><p:inputText value="#{compraManaged.selectedDetaOrdenCompra.percepcion_oc}" readonly="true" style="width: 90px"/>

                            <h:outputText value=" Proveedor &nbsp;" /><p:inputText value="#{compraManaged.selectedDetaOrdenCompra.nombre_p}" readonly="true" style="width: 375px"/>
                        </h:panelGrid>

                        <center>
                            <br/>
                            <h:panelGrid id="detaBotones" columns="3" cellpadding="1" >
                                <p:commandButton image="ui-icon ui-icon-pencil" value="#{sms.modificar}" onclick="cmdModificar.show()" title="Modificar Registro" />
                            </h:panelGrid>
                        </center>
                    </p:panel>
                    <p:toolbar id="toolbarStep2" rendered="#{compraManaged.flagStep_2}" style="width:950px" >
                        <p:toolbarGroup  align="right"  >

                            <p:dataTable  id="tbDetalleCompra" value="#{compraManaged.detaOrdenCompras}" var="row"
                                          rows="20" paginator="true" paginatorPosition="bottom" selectionMode="single"
                                          emptyMessage="#{sms.TableEmptyMessage}" >
                                <f:facet name="header"><h:outputText value="Lista de Materiales de Orden Realizado"/></f:facet>

                                <p:column  headerText="Cantidad" style="width:50px" >
                                    <h:outputText value="#{row.cantidad_d}"/>
                                </p:column>
                                <p:column headerText="Nombre del Material" style="width:550px" >
                                    <h:outputText value="#{row.nombre_m}"/>
                                </p:column>
                                <p:column  headerText="Costo S/D" style="width:50px; text-align: right"  >
                                    <h:outputText value="#{row.costo_sd_d}" />
                                    <f:facet name="footer">
                                        <h:outputText value="#{compraManaged.selectedDetaOrdenCompraTotales.total_costo_sd_oc}" >
                                            <f:convertNumber type="currency" currencySymbol="$"/>
                                        </h:outputText>
                                    </f:facet>
                                </p:column>
                                <p:column style="width:50px; text-align: right" headerText="% Desc." >
                                    <h:outputText value="#{row.porcentaje_descuento_d}" style="font-size:small " >
                                        <f:convertNumber type="percent" currencySymbol="%"/>
                                    </h:outputText>
                                </p:column>
                                <p:column style="width:50px; text-align: right" headerText="Descuento" >
                                    <h:outputText value="#{row.descuento_d}" style="font-size:small " />
                                    <f:facet name="footer">
                                        <h:outputText value="#{compraManaged.selectedDetaOrdenCompraTotales.total_descuento_oc}" >
                                            <f:convertNumber type="currency" currencySymbol="$"/>
                                        </h:outputText>
                                    </f:facet>
                                </p:column>
                                <p:column style="width:50px; text-align: right" headerText="Costo C/D" >
                                    <h:outputText style="width:50px" value="#{row.costo_d}" />

                                    <f:facet name="footer">
                                        <h:outputText value="#{compraManaged.selectedDetaOrdenCompraTotales.total_costo_cd_oc}" >
                                            <f:convertNumber type="currency" currencySymbol="$"/>
                                        </h:outputText>
                                    </f:facet>
                                </p:column>
                                <p:column style="width:50px; text-align: right" headerText="Exento" >
                                    <h:outputText value="#{row.exento_d}" />
                                    <f:facet name="footer">
                                        <h:outputText value="#{compraManaged.selectedDetaOrdenCompraTotales.total_exento_oc}" >
                                            <f:convertNumber type="currency" currencySymbol="$"/>
                                        </h:outputText>
                                    </f:facet>
                                </p:column>
                                <p:column style="width:50px; text-align: right"   headerText="IVA" >
                                    <h:outputText value="#{row.iva_d}" />
                                    <f:facet name="footer">
                                        <h:outputText value="#{compraManaged.selectedDetaOrdenCompraTotales.total_iva_oc}" >
                                            <f:convertNumber type="currency" currencySymbol="$"/>
                                        </h:outputText>
                                    </f:facet>
                                </p:column>

                                <p:column style="width:50px; text-align: right" headerText="Sub-Total" >
                                    <h:outputText value="#{row.subTotal_d}" />
                                    <f:facet name="footer">
                                        <h:outputText value="#{compraManaged.selectedDetaOrdenCompraTotales.total_subTotal_oc}" >
                                            <f:convertNumber type="currency" currencySymbol="$"/>
                                        </h:outputText>
                                    </f:facet>
                                </p:column>
                                <f:facet name="footer">
                                    <div align="right">
                                        <h:outputText value="Sub-Totales"/>
                                        <p:inputText value="#{compraManaged.selectedDetaOrdenCompraTotales.total_subTotal_oc}" readonly="true" style="text-align: right">
                                            <f:convertNumber type="currency" currencySymbol="$" maxFractionDigits="2"/>
                                        </p:inputText>
                                        <br/>
                                        <h:outputText value="Descuento"/>
                                        <p:inputText value="#{compraManaged.selectedDetaOrdenCompraTotales.total_descuento_oc}" readonly="true" style="text-align: right">
                                            <f:convertNumber type="currency" currencySymbol="$" maxFractionDigits="2"/>
                                        </p:inputText>
                                        <br/>
                                        <h:outputText value="IVA" />
                                        <p:inputText value="#{compraManaged.selectedDetaOrdenCompraTotales.total_iva_oc}" readonly="true" style="text-align: right">
                                            <f:convertNumber type="currency" currencySymbol="$" maxFractionDigits="2"/>
                                        </p:inputText>
                                        <br/>
                                        <h:outputText value="Exento" />
                                        <p:inputText value="#{compraManaged.selectedDetaOrdenCompraTotales.total_exento_oc}" readonly="true" style="text-align: right">
                                            <f:convertNumber type="currency" currencySymbol="$" maxFractionDigits="2"/>
                                        </p:inputText>
                                        <br/>
                                        <h:outputText value="Percepci&oacute;n"/>
                                        <p:inputText value="#{compraManaged.selectedDetaOrdenCompraTotales.total_percepcion_oc}" readonly="true" style="text-align: right">
                                            <f:convertNumber type="currency" currencySymbol="$" maxFractionDigits="2"  />
                                        </p:inputText>
                                        <br/>
                                        <h:outputText value="Total"/>
                                        <p:inputText value="#{compraManaged.selectedDetaOrdenCompraTotales.total_oc}"  readonly="true" style="text-align: right">
                                            <f:convertNumber type="currency" currencySymbol="$" maxFractionDigits="2"/>
                                        </p:inputText>
                                    </div>
                                </f:facet>
                            </p:dataTable>

                            <br/><br/><br/>
                            <p:toolbar style="width:inherit;  border-color:transparent; background:transparent" >
                                <p:toolbarGroup align="right">
                                    <p:commandButton value="Regresar Inicio" actionListener="#{compraManaged.ocultarFlags_Inicio}" update="Step1 Step2 Step3 mensaje" image="ui-icon ui-icon-circle-arrow-w" title="Regresar a paso 1"  />
                                    <p:commandButton value="Siguiente" actionListener="#{compraManaged.ocultarFlag_Step3}" update="Step1 Step2 Step3 mensaje" image="ui-icon ui-icon-circle-arrow-e" title="Ir a paso 3"  />
                                </p:toolbarGroup>
                            </p:toolbar>
                        </p:toolbarGroup>
                    </p:toolbar>
                </h:form>

                <h:form id="Step3">
                    <p:panel header="3. Compra y suministro a inventario" style="width: 900px" rendered="#{compraManaged.flagStep_3}" >
                        <br/>
                        <h:panelGroup id="pgStep3">
                            <h:panelGrid columns="6" id="pStep3_1">
                                <h:outputText value="Fecha de Compra"/><p:calendar value="#{compraManaged.selectedCompra.fecha_c}"  pattern="dd.MM.yyyy" effect="fadeIn" />
                                <h:outputText value="Factura"/><p:inputText value="#{compraManaged.selectedCompra.factura_c}" style="width: 100px"/>
                                <h:outputText value="Tipo"/>
                                <h:selectOneMenu value="#{compraManaged.selectedCompra.tipo_c}" style="width:100px" >
                                    <f:selectItems value="#{ordenCompraManaged.cmbTipo}"/>
                                    <p:ajax listener="#{ordenCompraManaged.tipo}" update="frmAgregarMaterial:tbProcesoOrden mensaje" />
                                </h:selectOneMenu>


                                <h:outputText value="Fecha de Documento"/><p:calendar value="#{compraManaged.selectedCompra.fecha_documento_c}"  pattern="dd.MM.yyyy" effect="fadeIn" style="width: 100px"/>
                                <h:outputText value="Plazo" />
                                <h:panelGroup>
                                    <p:spinner value="#{compraManaged.selectedCompra.plazo_c}" min="0"  style="width: 100px" stepFactor="1"  />
                                    <h:outputText value="d&iacute;as"  style="width:50px"/>
                                    <p:spacer width="30" height="10" />
                                </h:panelGroup>

                                <h:outputText value="Forma de Pago"/>
                                <h:selectOneMenu value="#{compraManaged.selectedCompra.tipo_documento_c}" style="width:100px" >
                                    <f:selectItems value="#{compraManaged.cmbFormaPago}"/>
                                </h:selectOneMenu>
                            </h:panelGrid>
                            <h:panelGrid columns="3" id="pStep3_2">
                                <h:outputText value="Observaciones"/><p:spacer width="30" height="10" />
                                <p:inputTextarea value="#{compraManaged.selectedCompra.observacion_c}" style="width:400px;height:55px;"  maxHeight="100" effectDuration="400" />
                            </h:panelGrid>
                        </h:panelGroup>

                        <br/><br/>
                        <p:toolbar style="width:inherit;  border-color:transparent; background:transparent" >
                            <p:toolbarGroup align="right">
                                <p:commandButton value="Regresar Inicio" actionListener="#{compraManaged.ocultarFlags_Inicio}" update="Step1 Step2 Step3 mensaje" image="ui-icon ui-icon-circle-arrow-w" title="Regresar a paso 1"  />
                                <p:commandButton value="Regresar" actionListener="#{compraManaged.ocultarFlag_Step2}" update="Step1 Step2 Step3 mensaje" image="ui-icon ui-icon-circle-arrow-w" title="Regresar a paso 2"  />
                                <p:commandButton image="ui-icon ui-icon-check" value="#{sms.guardar}" onclick="cmdConfirm.show()" title="Hacer Compra" />
                            </p:toolbarGroup>
                        </p:toolbar>
                    </p:panel>
                </h:form>
                <h:form>
                    <p:confirmDialog message="#{sms.iAlmacenada}" header="#{sms.guardar}" severity="alert" widgetVar="cmdConfirm">
                        <p:commandButton value="Si" actionListener="#{compraManaged.completeTransaction}" oncomplete="cmdConfirm.hide()" update="Step1 Step2 Step3 mensaje"/>
                        <p:commandButton value="No" onclick="cmdConfirm.hide()"/>
                    </p:confirmDialog>
                    <p:confirmDialog message="#{sms.iModificada}" header="#{sms.modificar}" severity="alert" widgetVar="cmdModificar">
                        <p:commandButton value="Si" oncomplete="cmdModificar.hide()" actionListener="#{compraManaged.modificarOrdenCompra}" update="mensaje" />
                        <p:commandButton value="No" onclick="cmdModificar.hide()" />
                    </p:confirmDialog>

                </h:form>

                <br/><br/><br/><br/>
            </ui:define>
        </ui:composition>

    </body>
</html>